﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <title>个人中心</title>
    <link rel="stylesheet" type="text/css" href="css/loaders.min.css"/>
    <link rel="stylesheet" type="text/css" href="css/loading.css"/>
    <link rel="stylesheet" type="text/css" href="css/base.css"/>
    <link rel="stylesheet" type="text/css" href="css/style.css"/>
	<link rel="stylesheet" type="text/css" href="css/base1.css"/>
    <script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
    <link href="iconfont/iconfont.css" rel="stylesheet" />
    <link rel="stylesheet" href="css/iconfont.css" />
    <script type="text/javascript" charset="utf-8">
    	$(window).load(function(){
    		$(".loading").addClass("loader-chanage")
    		$(".loading").fadeOut(300)
    	})
    	
    	function create(){
			var w = plus.webview.create('order.html');
			w.show(); // 显示窗口
		}
    	function create1(){
			var w = plus.webview.create('ordertwo.html');
			w.show(); // 显示窗口
		}
    	function create2(){
			var w = plus.webview.create('orderthree.html');
			w.show(); // 显示窗口
		}
    	function create3(){
			var w = plus.webview.create('orderfour.html');
			w.show(); // 显示窗口
		}
    	function create4(){
			var w = plus.webview.create('wodejifen.html');
			w.show(); // 显示窗口
		}
    	function create5(){
			var w = plus.webview.create('youhuiquan.html');
			w.show(); // 显示窗口
		}
    	function create6(){
			var w = plus.webview.create('huiyuan.html');
			w.show(); // 显示窗口
		}
    	function create7(){
			var w = plus.webview.create('yuetixian.html');
			w.show(); // 显示窗口
		}
    	function create8(){
			var w = plus.webview.create('wodeshoucang.html');
			w.show(); // 显示窗口
		}
    	function create9(){
			var w = plus.webview.create('VIP_power.html');
			w.show(); // 显示窗口
		}
    	function create10(){
			var w = plus.webview.create('datum.html');
			w.show(); // 显示窗口
		}
    	function create11(){
			var w = plus.webview.create('addres.html');
			w.show(); // 显示窗口
		}
    	function create12(){
			var w = plus.webview.create('dinpu.html');
			w.show(); // 显示窗口
		}
    	function create13(){
			var w = plus.webview.create('about_our.html');
			w.show(); // 显示窗口
		}
//  	function create14(){
//			var w = plus.webview.create('chongzhi.html');
//			w.show(); // 显示窗口
//		}
    	function create15(){
			var w = plus.webview.create('balance.html');
			w.show(); // 显示窗口
		}
//  	function create16(){
//  		var w=plus.webview.create('');
//  		w.show();
//  	}
    	
    </script>
    
    <style type="text/css">
    	.self-header{
    		height: 20%;
    	}
    	.fixed-contb{
    		margin-top: -3%;
    	}
    	#self_li_01{
    		 border-left: 1px solid #C7C7C7;
    	}
    	#self_dl_01{
    		margin-top: 0%;
    	}
    	#self_li_01:active{
    		background-color: #C2C2C2;
    	}
    	#self_li_02:active{
    		background-color: #C2C2C2;
    	}
    	.try_0 li{
    		border:#C7C7C7 solid 1px;
    		display: block;
    		float: left;
    		height: 45px;
    		width:20.2% ;
    		border-radius: 2px;
    		padding: 7px;
    		text-align: center;
    		padding-top: 15px;
    		padding-bottom:15px ;
    		margin-top: 3%;
    		margin-bottom: 6%;
    		margin-left: 0.5px;
    		margin-right: 0.5px;
    	}
    	.try_0 li a{
    		color: black;
    		font-size: 15px;
    	}
    	.try_1 li{
    		border:#C7C7C7 solid 1px;
    		display: block;
    		float: left;
    		height: 45px;
    		width:20.2% ;
    		border-radius: 2px;
    		padding: 7px;
    		text-align: center;
    		padding-top: 10px;
    		padding-bottom:10px ;
    		margin-left: 0.5px;
    		margin-right: 0.5px;
    		margin-top: 0.5px;
    		margin-bottom: 0.5px;
    	}
    	.try_1 li a{
    		color: black;
    		font-size: 20px;
    	}
    	/*.self_li_02{
    		border-radius: 10px;
    		border: red solid 1px;
    	}*/
    	/*.self-header {
		    position: fixed;
		    top: 0;
		    right: 0;
		    bottom: 0;
		    left: 0;
		    z-index: 998;
		    background-color: rgba(0,0,0,.3);
		}*/
    	#header{
    		position: fixed; top: 0; left: 0;
    		padding-bottom: 1%;
    	}
    	#self_div_01{
    		margin-top: 52%;
    	}
    	#self_dt_01{
    		margin-left: 20px;
    	}
    	.header-span1{
    		font-family: "楷体";
    		padding-right: 14%;
    		font-size: 18px;
    		border-right: white solid 1px;
    	} 
    	.header-span2{
    		font-family: "楷体";
    		font-size: 18px;
    		padding-left: 12.5%;
    	} 
    	
    	.header-dl2{
    		color: darkred;
    		margin: 0%;
    	} 
    
    	.footer-text{
    		font-size: 6px;
    	}
    </style>
</head>
<!--loading页开始-->
<div class="loading">
	<div class="loader">
        <div class="loader-inner pacman">
          <div></div>
          <div></div>
          <div></div>
          <div></div>
          <div></div>
        </div>
	</div>
</div>
<!--loading页结束-->
<body>
	<header class="self-header" id="header">
		<!--<figure style="margin-left:0%; height: 10px; width: 70px;"><img src="images/self-tou.png"/></figure>
			<dl >
				<dt id="self_dt_01">星尘</dt>
				<dd id="self_dt_01">
					<p><span> ID: 0000001</span></p>
					<span>注册时间:<br /> 2018-09-05</span>
				</dd>
			</dl>
			<dl class="header-dl2" style="width: 100%; margin-left: -3%;">
					<span class="header-span1">余额: ￥0.00</span>
					<span class="header-span2">积分: 568400</span>
			</dl>-->
	</header>
	
	<div class="contaniner fixed-contb" id="self_div_01">
		<section> <!--class="self"-->
			<dl>
				<dd>
					<ul class="try_0">
						<li id="self_li_02" onclick="create()">
							
                                <i class="iconfont icon-wodedingdan"></i>
								<p>我的订单</p>
							
						</li>
						
						<li id="self_li_02" onclick="create2()">
							
                                <i class="iconfont icon-daifukuan"></i>
								<p>待付款</p>
						</li>
						<li id="self_li_02" onclick="create1()">
							
                                <i class="iconfont icon-yunshuzhongwuliu-xianxing "></i>
								<p>待发货</p>
						</li>
						<li id="self_li_02" onclick="create3()" >
                                <i class="iconfont icon-baoguofahuo-xianxing"></i>
								<p>待收货</p>
						</li>
					</ul>
				</dd>
			</dl>
			
			
					<ul class="try_1">
						<li id="self_li_02" onclick="create4()">
								<span class="iconfont icon-jifenshangcheng"></span>
								<p>我的积分</p>
						</li>
						<li id="self_li_01" onclick="create5()">
								<span class="iconfont  icon-wodeyouhuiquan"></span>
								<p>优惠券</p>
						</li>
						<li id="self_li_01" onclick="create6()">
								<span class="iconfont icon-hezuoguanxi-xianxing"></span>
								<p>我的粉丝</p>
						</li>
						<li id="self_li_01" onclick="create7()">
								<span class="iconfont icon-zhuanchu"></span>
								<p>余额提现</p>
						</li>
					</ul>
				
					<ul class="try_1">
						<li id="self_li_02" onclick="create8()">
								<span class="iconfont icon-jushoucang"></span>
								<p>我的收藏</p>
						</li>
						<li id="self_li_01" onclick="create9()">
								<span class="iconfont icon-huiyuan"></span>
								<p>会员权益</p>
						</li>
						<li id="self_li_01" onclick="create10()">
								<span class="iconfont icon-guanyanren"></span>
								<p>编辑资料</p>
						</li>
						<li id="self_li_01" onclick="create11()">
								<span class="iconfont icon-dizhiguanli"></span>
								<p>收货地址</p>
						</li>
					</ul>
			
			
			
					<ul class="try_1">
						<li id="self_li_02" onclick="create12()">
								<span class="iconfont icon-shimingrenzheng"></span>
								<p>代言名片</p>
						</li>
						<li id="self_li_01" onclick="create13()">
								<span class="iconfont icon-tishishuoming"></span>
								<p>关于我们</p>
						</li>
						<!--<li id="self_li_01" onclick="create14()">
								<span class="iconfont icon-zhuanru"></span>
								<p>我的充值</p>
						</li>-->
						<li id="self_li_01" onclick="create15()">
								<span class="iconfont icon-tuikuan-xi"></span>
								<p>消费记录</p>
						</li>
						<li id="self_li_01" >
								<span class="iconfont icon-kefu"></span>
								<p>联系客服</p>
						</li>
					</ul>
			
			
		</section>
		
		
	</div>
	
	<footer class="page-footer fixed-footer">
		<ul>
			<li>
				<a href="index.html">
					<img src="images/footer01.png"/>
					<p><font size="1"> 首页</font></p>
				</a>
			</li>
			<li>
				<a href="index-bak.html">
					<img src="images/footer02.png"/>
					<p ><font size="1"> 附近 </font>	</p>
				</a>
			</li>
			<li>
				<a href="shopcar.html">
					<img src="images/footer03.png"/>
					<p><font size="1"> 购物车 </font> </p>
				</a>
			</li>
			<li class="active">
				<a href="self.html">
					<img src="images/footer004.png"/>
					<p><font size="1">  个人中心</font> </p>
				</a>
			</li>
		</ul>
	</footer>
	
	
</body>
<script>
	$(function(){
		$.post("http://192.168.43.241:8080/shop/showUserById.do",
		{userid:111111111}
		,function(data){
		var dataObj=eval("("+data+")");
		//alert(dataObj.username+" "+dataObj.userphone+" "+dataObj.userdate);
		var html='';
		html+="<figure style='margin-left:0%; height: 10px; width: 70px;'><img src='images/self-tou.png'/></figure>"
		+"<dl ><dt id='self_dt_01'>"+dataObj.username+"</dt><dd id='self_dt_01'>"
		+"<p><span> ID: "+dataObj.userid+"</span></p><span>注册时间:<br />"+dataObj.userdate+"</span></dd></dl>"
		+"<dl class='header-dl2' style='width: 100%; margin-left: -3%;'>"
		+"<span class='header-span1' id='money'>余额: ￥"+dataObj.usermoney+"</span>"
		+"<span class='header-span2'>积分: "+dataObj.integral+"</span></dl>"
		;
		document.getElementById('header').innerHTML=html;
		});
		
	})
	
</script>

</html>